<template>
  <div class="wrap">
    <div class="head">
      <a class="back" @click="doGoback">
        <img src="../../../../assets/1first/5-8搜索结果/back.png" alt="">
      </a>
      <div>健康美味兼得的布尔本</div>
      <a class="share">
        <img src="../../../../assets/1first/修炼秘籍/share.png" alt="">
      </a>
    </div>
    <div class="contDiv">
      <img src="../../../../assets/1first/1推荐/lunbodazao.png" alt="">
      <div class="descDiv">
        <p>Rose Hydrosed是一款来自澳大利亚的护肤产品，主要功能为深层滋润肌肤，锁住水分，打造玫瑰般娇嫩肌肤...</p>
        <p>下面为您推荐一些产品</p>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    methods: {
      doGoback() {
        this.$router.go(-1)
      }
    }
  }
</script>
<style scoped>
  .wrap{
    background: #feeaf5;
  }
  .head{
    position: relative;
    text-align: center;
    background: #e53e42;
    color: #fff;
    line-height: 2.13rem;
    font-size: 0.8rem;
  }
  .back{
    position: absolute;
    left: 0;
    margin-left: 0.44rem;
  }
  .back>img{
    width: 0.51rem;
  }
  .share{
    position: absolute;
    right: 0;
    margin-right: 0.44rem;
    top: 0;
  }
  .share>img{
    width: 0.8rem;
  }
  .contDiv{
    margin-bottom: 0.44rem;
  }
  .contDiv img{
    width: 100%;
  }
  .descDiv{
    margin-top: 0.22rem;
    padding: 0.33rem;
    background: #fff;
  }
  .descDiv p{
    font-size: 0.62rem;
    font-weight: normal;
    font-stretch: normal;
    color: #4d4d4d;
  }
</style>
